/* pages/index/message.wxss */

page {
  background-color: white;
}

.nav-item {
  transition: font-size 0.3s;
}

.message__list {
  background-color: #fff;

  .avatar {
    width: 96rpx;
    height: 96rpx;
    flex: 0 0 96rpx;
  }

  .item {
    padding: 24rpx 30rpx;
  }

  .content {
    flex: 1;
    padding-left: 24rpx;
  }

  .time {
    font-size: 24rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #cecece;
  }

  .describe {
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #969696;
    padding-top: 10rpx;
  }

  .nickname {
    font-size: 32rpx;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: var(--black);
  }

  .tag-box {
    display: flex;
    min-width: 50rpx;
    flex: 0 0 50rpx;
    justify-content: flex-end;
  }
}

.inform {
  position: fixed;
  right: 24rpx;
  width: 88rpx;
  height: 88rpx;
  bottom: 300rpx;
  z-index: 99;
}

.notification {
  &__nickname {
    height: 40rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 40rpx;
  }

  &__target {
    width: 84rpx;
    height: 84rpx;
    overflow: hidden;

    .content {
      font-size: 20rpx;
      line-height: 30rpx;
      color: #999999;
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 3; //最多2行，2行装不下就用...省略
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
  }

  &__content {
    height: 40rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #969696;
    line-height: 40rpx;
  }

  &__time {
    height: 20rpx;
    font-size: 20rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: 20rpx;
    margin-top: 14rpx;
  }

  &__reply-content {
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 40rpx;
    padding-right: 30rpx;
    // border-left: 4rpx solid #eeeeee;
  }
}

.target-content {
  border-left: 4rpx solid #eeeeee;
  width: 594rpx;
  // height: 128rpx;;
  margin-top: 24rpx;
  margin-bottom: 24rpx;
}

.nav-item .hk-tag.badge {
  right: 27rpx !important;
  top: 0rpx !important;
}

.inform .hk-tag.badge {
  right: -5rpx;
  top: -5rpx;
  // padding: 5rpx;
  height: unset;
}